<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        // console.log(window.navigator);返回的值一样
        // console.log(navigator); //返回的值一样
        // console.log(location);
        // console.log(history);
        // console.log(screen);
        alert(navigator.appName);//返回值Netscape 网景公司的标志
        console.log(navigator.userAgent);
        //chrome浏览器 返回的userAgent
       // Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.149 Safari/537.36
        //火狐浏览器 返回的userAgent
        //Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:56.0) Gecko/20100101 Firefox/56.0
        //IE8-10浏览器 返回的userAgent
        //Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E)
        //IE11
        //Mozilla/5.0 (Windows NT 10.0; WOW64; Trident/7.0; .NET4.0C; .NET4.0E; rv:11.0) like Gecko
        if (/chrome/i.test(navigator.userAgent)){
            console.log("我是chrome");
        }else if(/firefox/i.test(navigator.userAgent)){
        console.log("我是火狐");
        }else if ("ActiveXObject" in window){
            console.log("我是ie浏览器");
        }
        //如果通过useAgent不能判断 还可以通过一些浏览器的对象来判断浏览器的信息，比如ActiveXObject
    </script>
</head>
<body>
<script>
    /*DOM 文档对象模型  js通过DOM操作网页的
    * BOM 浏览器对象模型 js通过BOM操作浏览器
    *       在浏览器中为我们提供一组对象，用来操作浏览器
    *   BOM对象
    *       Window 代表的是整个浏览器的窗口同时window也是网页中的全局对象
    *       Navigator 当前浏览器的信息，可以识别不同的浏览器
    *       Location 当前浏览器的地址了栏 可以获取地址栏信息，或者操作浏览器操作页面
    *       History 浏览器的历史记录 由于隐私 只能操作浏览器的向前或向后翻页
    *       Screen 用户的屏幕信息，可以获取用户的显示器的相关信息
    *  这些BOM对象在浏览器中都是做为window对象的属性来保存的，可以通过window对象来使用 也可以单独使用
    *Navigator 由于历史原因 这个对象中的饿大部分属性都已经不能帮助我们识别浏览器了 一般用userAgent
    *   不同的浏览器会有不同的userAgent
    * */
</script>
</body>
</html>